<!-- 侧栏卡片 -->
<template>
	<el-row class="card">
		<el-col :span="24">
			<el-text size="small" type="primary" class="card-title">
				{{ title }}
			</el-text>
		</el-col>
		<el-col :span="24">
			<slot></slot>
		</el-col>
	</el-row>
</template>

<script lang="ts" setup>
	import { ref } from 'vue'
	import { defineProps } from 'vue';

	const props = defineProps<{
		title : string;
	}>();
</script>

<style scoped>
	.card {
		margin: 5px 5px 10px 5px;
		border: 1px solid var(--el-border-color);
		border-radius: var(--el-border-radius-small);
		box-shadow: var(--el-box-shadow-lighter);
	}

	.card-title {
		margin-left: 10px;
	}
</style>